<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<style>
    .nav_two {
        margin-left: 20px;
        margin-right: 20px;
        height: calc(100vh - 110px);
    }

    .nav_two .left {

        text-align: center;
        /* border: 1px solid #000; */
        background-color: #FFF;
        height: 100%;
        border-radius: 8px;
        font-size: 16px;
        width: 200px;
    }

    .nav_two .left>ul li {
        min-height: 53px;
        line-height: 53px;
        list-style-type: none;
        position: relative;
        cursor: pointer;

    }

    .nav_two .left>ul li a {
        position: absolute;
        height: 100%;
        width: 100%;
    }

    .nav_two .left>ul li ul {
        transition: all 0.2s;
        max-height: 0;
        overflow: hidden;
        /* display: none; */
    }

    .nav_two .left>ul li ul li {
        min-height: 53px;
    }

    .nav_two .left>ul li img {
        position: relative;
        left: 30px;
        transition: all 0.2s;
    }

    .nav_two .active {
        background-color: #e5f1fc;
    }

    .nav_two .left>ul li .bbx {
        max-height: 300px;
    }

    .rotate {
        transform: rotate(180deg)
    }

</style>

<body>
    <div class='nav_two'>
        <div class="left">
            <ul>
                <li><a href="../../html/Assets/statistics.html"></a>资产统计</li>
                <li><a href="../../html/Assets/getMoney.html"></a>收款卡号管理</li>
                <li><a href="../../html/Assets/System.html"></a>系统拨比</li>
                <li><a href="../../html/Assets/statistics_xi.html"></a>资金明细</li>
            </ul>
        </div>
    </div>
</body>
<script>
    // var t = document.querySelector.bind(document)
    // let flag = localStorage.getItem('twonav')
    // if (flag == '1') {
    //     t('.xia>ul').classList.add('bbx')
    //     t('.xia img').classList.add('rotate')
    // }
    // t('.xiaspan').onclick = function () {
    //     flag = flag == 0 ? 1 : 0
    //     t('.xia>ul').classList.toggle('bbx')
    //     t('.xia img').classList.toggle('rotate')
    //     localStorage.setItem('twonav', flag)
    // }
</script>

</html>